<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
       /*
            计算机：最擅长做重复性工作。
            输入、处理、输出
            循环：让计算机自动做一些重复性的工作。
        */
       console.log("这顿饭吃什么？");
       console.log("这顿饭吃什么？");
       console.log("这顿饭吃什么？");
       
       for (var i = 0; i < 5; i++){
           console.log('今天工作日，要上班');
       }
       /* 
            语法结构：
                for(初始化条件; 判断条件; 变化条件;){
                    逻辑体;
                }
            初始化条件：一般都是 var 声明的一个变量，通常用作计数器。循环的开始条件
            判断条件：决定循环是否继续。 true 循环继续，false 循环结束。
            变化条件： 变量变化的条件。防止死循环
            逻辑体：具体重复执行的工作。 

            执行顺序：
                1. 初始化条件;(只在刚开始，执行了一次)
                2. 判断条件; 得到一个布尔值。
                3.1 true ,执行逻辑体，再执行变化条件，重复2 ，3
                3.2 false，跳出整个for 循环的代码块

                判断条件 ---->true  ---->  逻辑体 ----> 变化条件 
            ---->     判断条件 ---->true  ---->  逻辑体 ----> 变化条件
            ---->    判断条件 ---->true  ---->  逻辑体 ----> 变化条件

            一旦条件判断是false 则代码结束，循环结束
        */
       console.log('-----------------');
       for(var age = 1; age < 10; age++){
           console.log(age);
       }
    </script>
</body>
</html>